<%@ include file="../common/top.jsp"%>

<link rel="stylesheet" type="text/css" href="css/order.css">

<span id="navigation">
<%--  <button id="newOrder">newOrder</button>--%>
  <button id="confirmOrder">confirmOrder</button>
  <button id="finalOrder">finalOrder</button>
</span>

<div id="Catalog">
  <form action="newOrderForm" method="post" id="form">
    <table>
      <tr>
        <th colspan="2">Payment Details</th>
      </tr>
      <tr>
        <td>Card Type:</td>
        <td>
          <select name="card_type">
          <option value="">--Please choose--</option>
          <option value="visa">Visa</option>
          <option value="mastercard">MasterCard</option>
          <option value="amex">American Express</option>
          <option value="discover">Discover</option>
         </select>
        </td>
      </tr>
      <tr>
        <td>Card Number:</td>
        <td><input type="text" name="card_number" placeholder="Enter data">*Use a fake number!</td>
      </tr>
      <tr>
        <td>Expiry Date (MM/YYYY):</td>
        <td><input type="text" name="expiry_date" placeholder="Enter data"></td>
      </tr>
      <tr>
        <td colspan="2">Billing Address</td>
      </tr>
      <tr>
        <td>First name:</td>
        <td><input type="text" name="first_name" placeholder="Enter data"></td>
      </tr>
      <tr>
        <td>Last name:</td>
        <td><input type="text" name="last_name" placeholder="Enter data"></td>
      </tr>
      <tr>
        <td>Address 1:</td>
        <td><input type="text" name="address1" placeholder="Enter data"></td>
      </tr>
      <tr>
        <td>Address 2:</td>
        <td><input type="text" name="address2" placeholder="Enter data"></td>
      </tr>
      <tr>
        <td>City:</td>
        <td><input type="text" name="city" placeholder="Enter data"></td>
      </tr>
      <tr>
        <td>State:</td>
        <td><input type="text" name="state" placeholder="Enter data"></td>
      </tr>
      <tr>
        <td>Zip:</td>
        <td><input type="text" name="zip" placeholder="Enter data"></td>
      </tr>
      <tr>
        <td>Country:</td>
        <td><input type="text" name="country" placeholder="Enter data"></td>
      </tr>
      <tr>
        <td colspan="2"><input type="checkbox" name="ship" value="1">Ship to different address...</td>
      </tr>
    </table>
    <button type="submit">Continue</button>
  </form>
</div>

<script src="<%=request.getContextPath()%>/javaScript/order.js"></script>

<%@ include file="../common/bottom.jsp"%>